<template>
  <el-config-provider namespace="ep" :locale="locale" :z-index="zIndex">
     <router-view></router-view> 
    <!-- <BaseHeader />
    <div style="display: flex">
      <BaseSide />
      <div>
        <img alt="Vue logo" class="element-plus-logo" src="./assets/logo.png" />
        <HelloWorld msg="Hello Vue 3.0 + Element Plus + Vite" />
      </div>
    </div>  -->
  </el-config-provider>
</template>

<script>
  import { defineComponent } from 'vue'
  import { ElConfigProvider } from 'element-plus'

  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

  export default defineComponent({
    components: {
      ElConfigProvider,
    },
    setup() {
      return {
        locale: zhCn,
        zIndex: 3000,
      size: 'small'
      }
    },
  })
</script>

<!-- <script>
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 export default ({
    setup() {
      return {
        locale: zhCn,
        zIndex: 3000,
      size: 'small'
      }
    },
  })
</script> -->


<style>
#app {
  color: var(--ep-text-color-primary);
}

.element-plus-logo {
  width: 50%;
}
</style>
